Empowering designers with beautiful and accessible color palettes based on WCAG Guidelines of text and background contrast ratios.
Enter a background color, and determine the styling of your text. Accessible text colors are generated with
WCAG Guidelines recommend contrast ratio of 4.5 for small text or 3 for large text which is 24px or 18px bold.
Changing the WCAG level to AA is less strict and will give you more color options.
Increase font size to 24px or make font weight bold. Doing one of those will make the text 'Large Text' and give you more color options.
Change Font Size to 24px
Make font bold
We built this tool to help designers select color combinations that allow users to read their content regardless of different visual capabilities and screen resolutions based on WCAG Guidelines.
Thanks for checking out our tool. We’d love your feedback. Send us a message!
Click on a color square to preview text color in the upper toolbar. Click on the Hex or RGB value in the toolbar to copy to your clipboard.
Copied to Clipboard!
{{instructions3message}}
